<?php 
echo $this->element('menu');?>
    <!-- Main jumbotron for a primary marketing message or call to action -->
    
    <div class="jumbotron" style="
    width: 1100px;
    margin: 0px auto;
    text-align: center;
    font-size: 30px;
    font-family: fantasy;
    height: 100px;
    padding: 35px 0px;">                  
            
          
            <div class="infor">
              <p>Thông tin các board</p>                  
            </div>
    </div>  
    <div class="container">
      <div class="linker">
        <div class="left_linker">
            <div class="btn-group">
              <button type="button" class="btn btn-default"><?php echo $count_board;?> board</button>
              <button type="button" class="btn btn-default"><?php echo $img; ?> ghim</button>
            </div>
        </div>         
      </div>
    </div>
    
<?php
echo $this->element('list_boards');
?>

    


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="../../dist/js/bootstrap.min.js"></script>
  
